<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="a_vuejs/vue.global.js"></script>

</head>
<body>

<div id="app">
    <h3>组件传递参数:1、验证数据类型 2、设置默认值 3、是否是必传</h3>
    <h3>如果设置数据类型 直接传递参数默认是String 如果接收类型是Number会有警告</h3>
    <h3>改成动态传参</h3>
    <coma   :salary="salary"></coma>
</div>

</body>

<script>
    Vue.createApp({
        data() {
            return {
                id:100,
                salary:8888.88
            }
        },
        methods: {},
        components:{
            'coma':{
                //props:['id','username','salary'],
                props:{
                  id:{
                      type:Number,
                      default:200
                  },
                  username:{
                      type:String,
                      required:true //必传 如果不传递会有警告
                  },
                  salary:[Number,String]
                },
                template:'id:{{id}},username:{{username}},salary:{{salary}}'
            }
        }
    }).mount("#app")
</script>

</html>